<template>
  <div class="lin">
    <div class="texts">
      <div class="item"><span>参赛代表队:</span>{{info.team.teamName}}</div>
      <div class="item"><span>参赛领队:</span>{{info.team.realName}}</div>
      <div class="item" v-if="userName"><span>参赛选手:</span>{{userName}}</div>
    </div>
  </div>
</template>

<script setup>
import {ref} from "vue";
import {getCache} from "@/utils/cache";
const props = defineProps({
  userName: {
    type: String,
    default: ""
  },
});
let info =ref({
  haveJinJi:false,
  team:getCache( "CacheToken",{ isSessionStorage: true }, {})['spTeamEntity']
});
</script>

<style scoped lang="scss">
   .lin {
        padding: 1rem 0.8rem;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;

        .texts {
            width: 100%;
            background: linear-gradient(82deg, rgba(36, 179, 244, .08) 0%, rgba(101, 130, 255, .08) 100%);
            border-radius: 0.8rem;
            padding: .9rem 0px;

            .item {
                color: #333;

                font-size: 1.4rem;
                line-height: 2.2rem;

                span {
                    width: 8rem;
                    padding-left: 1.6rem;
                    font-weight: bold;
                    padding-right: 1.1rem;
                    display: inline-block;
                    text-align: right;
                }
            }


        }
    }
</style>
